<template>
	<view class="content">
		<!-- <view class="top-title">
			<view class="bg">
				<u--text :text="topTitle" color="#ffffff" bold size="18"></u--text>
			</view>
		</view> -->
		<!-- 活动列表 -->
		<view class="list">
			<view class="list-item" v-for="(item,index) in list">
				<view class="list-item-row">
					<u--text :text="item.title" bold size="18" class="item-title" color="gold"></u--text>
					<view class="tags">
						<u-tag text="免费停车" size="mini" class="tags-i" borderColor="rgb(171 0 8)" bgColor="#b5272e"></u-tag>
						<u-tag text="WIFI" size="mini" class="tags-i" borderColor="rgb(171 0 8)" bgColor="#b5272e"></u-tag>
						<u-tag text="空调" size="mini" class="tags-i" borderColor="rgb(171 0 8)" bgColor="#b5272e"></u-tag>
					</view>
					<u--text prefixIcon="map-fill" iconStyle="font-size: 19px" text="观音桥好吃街观音桥好吃街观音桥好吃街"></u--text>
					<u--text prefixIcon="account-fill" iconStyle="font-size: 19px" text="已报名 12人"></u--text>
					<u--text prefixIcon="clock-fill" iconStyle="font-size: 19px" text="12-31 8:30"></u--text>
					<u-button color="#b5272e" borderColor="rgb(171 0 8)" text="免费" class="item-btn" size="normal"></u-button>
				</view>
			</view>
		</view>
		<!-- end -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				topTitle:'新春佳节，万象更新。让我们共同欢度一个温馨、祥和、快乐的春节！祝福您和您的家人新春快乐，阖家幸福，万事如意！',
				list:[{
                    name: '/static/icon/denglong5.png',
                    title: '迎春贺岁，共度佳节迎春贺岁，共度佳节迎春贺岁，共度佳节',
					url: '/pages/festival/index',
                },{
                    name: '/static/icon/denglong5.png',
                    title: '迎春贺岁，共度佳节迎春贺岁，共度佳节迎春贺岁，共度佳节',
					url: '/pages/festival/index',
                },{
                    name: '/static/icon/denglong5.png',
                    title: '迎春贺岁，共度佳节迎春贺岁，共度佳节迎春贺岁，共度佳节',
					url: '/pages/festival/index',
                },{
                    name: '/static/icon/denglong5.png',
                    title: '迎春贺岁，共度佳节迎春贺岁，共度佳节迎春贺岁，共度佳节',
					url: '/pages/festival/index',
                },{
                    name: '/static/icon/denglong5.png',
                    title: '迎春贺岁，共度佳节迎春贺岁，共度佳节迎春贺岁，共度佳节',
					url: '/pages/festival/index',
                }],
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style>
	.top-title{
		/* background-color: red; */
		/* opacity: 0.5; */
		padding: 30rpx;
	}
	.bg{
		padding: 20rpx;
		background-image: url('/static/banner/350.jpg');
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.list{
		padding: 30rpx;
	}
	.list-item-row{
		position: relative;
	}
	.list-item{
		background-color: #b5272e;
		border-radius: 10rpx;
		padding: 20rpx;
		margin-bottom: 20rpx;
		
		background-image: url('/static/banner/banner10.png');
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.list-item:last-child{
		margin-bottom: 0;
	}
	.item-title{
		padding-bottom: 10rpx;
	}
	.tags{
		display: flex;
	}
	.tags-i{
		margin-right: 10rpx;
	}
	.tags-i:last-child{
		margin-right: 0;
	}
	.item-btn{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 200rpx;
	}
</style>